<template>
    <p>这是父组件</p>
    <p>以下内容是子组件的内容</p>
    <Son v-slot="slotProps">
        <p>这里是父母组件接收到的值--{{ slotProps.sonName }}</p>

    </Son>
    <Son v-slot="{sonName}">
        <p>111这里是父母组件接收到的值--{{ sonName }}</p>

    </Son>
    <h1>以下是BobSon的内容</h1>
    <BobSon>
        <template v-slot:header="{sonName}">
            <p>header - 这里是父母组件接收到的值--{{ sonName }}</p>

        </template>
        <template v-slot:footer="{sonName}">
            <p>footer - 这里是父母组件接收到的值--{{ sonName }}</p>

        </template>
    </BobSon>
</template>

<script>
import Son from './Son.vue'
import BobSon from './BobSon.vue'
export default{
    components:{
        Son,
        BobSon
    },
    
   
}

</script>
